<template>
  <div class="error">
    <img src="/images/error.png" />
    <p>抱歉，未找到页面！</p>
  </div>
</template>

<script lang="ts" setup name="qaDetails">
  import { ref, reactive, computed, onMounted } from 'vue';
  import { useUserStore } from '@/store/modules/user';

  const route = useRoute();
  const router = useRouter();

  const loading = ref(false);

  const userStore = useUserStore();

  const getUserInfo = computed(() => {
    let userInfo = userStore.getUserInfo || {};
    return userInfo;
  });

  onMounted(() => {
    console.log(route.query);
  });
</script>
<style lang="scss" scoped>
  .error {
    width: 100%;
    padding: 10px;
    text-align: center;

    img {
      max-width: 440px;
    }

    p {
      font-size: 18px;
      color: #404040;
    }
  }
</style>
